<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

    <li id="no-data-li" th:if="${#lists.isEmpty(reply['list'])}">
        <section class="no-data__wrap">
            <em>&nbsp;</em>
            <p>亲，快快评论吧~~~</p>
        </section>
    </li>
    <input type="hidden" id="totalPages" th:value="${reply['pages']}"/>
    <input type="hidden" id="currentPage" th:value="${reply['pageNum']}"/>
    <li class="card-header" th:if="!${#lists.isEmpty(reply['list'])}" th:each="topicReply:${reply['list']}">
        <section class="pull-right">
            <span class="c-888 fs8" th:attr="data-target=${topicReply['id']}" th:attrappend="data-username=${topicReply['user']['nickname']}">
                <i class="icon icon-message comments"></i>
            </span>
        </section>

        <div class="facebook-avatar mr5">
            <img class="wm-img list-block-userface" th:id="'reply-img-' + ${topicReply['id']}"  th:attr="data-src=${topicReply['user']['avatar']}" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" width="42" height="42">
        </div>

        <div class="facebook-name c-blue fs6" th:id="'reply-user-' + ${topicReply['id']}" th:text="${topicReply['user']['nickname']}"></div>
        <div class="facebook-date c-bbb fs4" th:id="'reply-date-' + ${topicReply['id']}" th:text="${#strings.substring(topicReply['createTime'],0,16)}"></div>
        <div class="wm-comment-list__wrap">
            <div class="fs7 c-333" th:id="'reply-context-' + ${topicReply['id']}"  data-context th:utext="${topicReply['content']}"></div>
                <div class="mt5" th:if="!${#lists.isEmpty(topicReply['leafList'])}">
                    <section class="question-aq-txt__wrap question-reply-bx pt5 pb5">
                        <section th:id="'leaf-'+${topicReply['id']}" type="hidden">
                            <span th:each="leaf,index : ${topicReply['leafList']}" th:if="${index.count<3}" >
                            <section class="question-reply-item" th:if="${leaf['targetId'] == leaf['rootId']}" th:attr="data-target=${leaf['id']}" th:attrappend="data-username=${leaf['user']['nickname']}">
                                <span class="fs6 c-blue" >
                                    <span th:text="${leaf['user']['nickname']}"></span>
                                    ：
                                </span>
                                <span class="fs6 c-333" th:utext="${leaf['content']}"></span>
                            </section>

                            <section class="question-reply-item" th:if="${leaf['targetId'] != leaf['rootId']}" th:attr="data-target=${leaf['id']}" th:attrappend="data-username=${leaf['user']['nickname']}">
                                <span class="fs6 c-blue">
                                    <span th:text="${leaf['user']['nickname']}"></span>
                                    <th:block th:if="${leaf['targetUser']}!=null">
                                    ：@
                                    <span th:text="${leaf['targetUser']['nickname']}"></span>
                                     </th:block>
                                    ：
                                </span>
                                <span class="fs6 c-333" th:utext="${leaf['content']}"></span>
                            </section>
                        </span>
                        </section>

                        <section class="pl5 pr5 mt5" th:attr="data-target=${topicReply['id']}">
                            <a href="javascript:void(0);" class="allReplyBtn fs6 c-blue" th:id="'all-'+${topicReply['id']}">
                                查看全部
                                <span th:text="${topicReply['leafCount']}"></span>
                                条回复
                                <i class="icon icon-right fs4 vam"></i>
                            </a>
                            <a href="javascript:void(0);" class="closeReplyBtn fs6 c-blue" th:id="'off-'+${topicReply['id']}" hidden>
                                收起
                                <i class="icon icon-right fs4 vam"></i>
                            </a>
                        </section>
                    </section>
                </div>
        </div>
    </li>
</html>